* {
	margin: 0;
	padding: 0;
}
body{
	overflow-x: hidden;
}
#box {
	width: 100%;
	height: auto;
}

#header {
	width: 100%;
	height: 1.333333rem;
	line-height: 1.333333rem;
	background-color: #549EF7;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #fff;
}

#header_one {
	font-size: 0.346666rem;
	margin-left: 0.2rem;
	margin-top: 1.4%;
}

#header_two {
	font-size: 0.373333rem;
}

#header_three {
	margin-right: 0.2rem;
}

#header_three img {
	width: 0.666666rem;
	height: 0.666666rem;
	margin-top: 0.333333rem;
}

#nav {
	height: 1.333333rem;
	text-align: center;
	font-size: 0.4rem;
	position: relative;
	top: 0.8rem;
}

#nav2 {
	height: 1.333333rem;
	text-align: center;
	position: relative;
	top: 0.8rem;
	border: 5px;
}

#aa {
	width: 5rem;
	font-size: 0.4rem;
	color: #fff;
	padding: 0.3rem 0.8rem 0.3rem 0.8rem;
	background-color: #ffbc09;
	border: 5px solid #ffbc09;
	border-style: double;
}

#nav3 {
	text-align: center;
	position: relative;
	top: 1.6rem;
	color: gray;
}

#nav3 img {
	width: 1.333333rem;
	height: 1.333333rem;
}

#nav3 p {
	height: 1.066666rem;
	line-height: 1.066666rem;
}

li {
	list-style: none;
}

.video {
	width: 100%;
}

.videos {
	width: 100%;
	height: 5rem;
	
	background: #E4DEE5;
}

.stus {
	width: 100%;
	height: 49px;
}

.stus li {
	float: left;
	width: 50%;
	text-align: center;
	margin-top: 15px;
	list-style: none;
	font-family: MicrosoftYaHei;
	font-size: 0.466666rem;
	/*line-height: center;*/
}
.stus li span{
	/*border-bottom: 0.066666rem solid gainsboro;*/
}
/*.stus li {
	border-bottom: 1px solid none;
	width: 200px;
	padding-bottom: 10px;
	margin-left: 10%;
}*/

.cat {
	width: 100%;
	height: 2.293333rem;
	line-height: 1.213333rem;
	text-align: center;
	border-bottom: 2px solid gainsboro;
}

.cat li {
	float: left;
	list-style: none;
	width: 1.213333rem;
	height: 1.213333rem;
	margin-left: 0.293333rem;
	margin-top: 0.6rem;
	text-align: center;
	line-height: 1.213333rem;
	border-radius: 0.066666rem;
	background: #F7F6FB;
}

.tiao {
	width: 640px;
	height: 6px;
	background: grey;
}
.aa{
	width: 100%;
	height: 2.066666rem;
	margin-left: 0.293333rem;
}
.list li span{
	font-size: 0.466666rem;
	border-left: 0.066666rem solid #529FF9;
}
.list li {
	height: 1.066666rem;
	
	line-height: 1.066666rem;
	font-size: 17px margin-right:10px;
	border-bottom: 2px solid #F7F6FB;
}
.li{
	width: 100%;
	height: 1.066666rem;
	line-height: 1.066666rem;
	font-size: 0.386666rem;
	color: gray;
	border-bottom: 1px solid gainsboro;
}
.list li i {
	color: #A4A4A4;
	float: right;
	margin-right: 5%;
	font-size: 0.186666rem;
	width: 2.666666rem;
	text-align: right;
}

.list1 li {
	width: 640px;
	height: 50px;
	line-height: 50px;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 2px solid #F7F6FB;
	text-align: center;
}

.list1 li i {
	color: #A4A4A4;
	float: right;
	font-size: 14px;
}

.font {
	font-size: 25px;
}

.list1 {
	display: none;
}

.onclick {
	width: 50%;
	height: 0.68rem;
	
}
.bb{
	width: 2.4rem;
	height: 0.733333rem;
	line-height: 0.733333rem;
	background-color: #ff0000;
	border-radius: 0.066666rem;
	margin-top: 11%;
	text-align: center;
	color: white;
	margin-left: 50%;
	
}
.mm {
	width: 100%;
	height: 0.2rem;
}
.mm div{
	float: left;
}
.m{
	margin-top: 3%;
}
.m p{
	margin-left: 0.293333rem;
}
.hiden{
	width: 3rem;
	height: 1.066666rem;
	line-height: 1.066666rem;
	font-size: 0.373333rem;
	background-color: #282828;
	border-radius: 0.066666rem;
	color: #fff;
	text-align: center;
	
	position: fixed;
	top: 50%;
	left: 35%;
	display: none;
}
